<!DOCTYPE html>
<!--<html lang="en" xmlns="http://www.w3.org/1999/xhtml">-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DOM2和DOM3</title>
</head>
<body>
<h1>第十四章 表单脚本</h1>
<form id="myForm" method="post">
    <ul>
        <li><input type="radio" name="color" value="red">Red</li>
        <li><input type="radio" name="color" value="green">Green</li>
        <li><input type="radio" name="color" value="blue">Blue</li>
    </ul>
    <input id="myText" type="text" name="username" value="123" title="username">
    <!-- 通用提交按钮 -->
    <input type="submit" value="Submit Form">
    <!-- 通用重置按钮 -->
    <input type="reset" value="Reset Form">
    <textarea id="textbox1" rows="5" cols="55">initial value</textarea>
</form>
<form>
    <select name="location" id="selLocation">
        <option value="Sunnyvale, CA">Sunnyvale</option>
        <option value="Los Angeles, CA">Los Angeles</option>
        <option value="Mountain View, CA">Mountain View</option>
        <option value="">China</option>
        <option>Australia</option>
    </select>
</form>
<p>富文本</p>
<iframe name="richedit" style="height:100px;width:500px;" src="blank.html"></iframe>
<div class="editable" id="richedit" style="height:100px;width:500px;" contenteditable>
    <p style="color: crimson">blank</p>
</div>
<br>

<button onclick="preventSubmit()">preventSubmit</button>
<button onclick="preventReset()">preventReset</button>
<button onclick="elementsTest()">elementsTest</button>
<button onclick="modifyValueTest()">modifyValueTest</button>
<button onclick="submitMoreTest()">submitMoreTest</button>
<button onclick="selectTextTest()">selectTextTest</button>
<button onclick="preventInputTest()">preventInputTest</button>
<button onclick="selectionTest()">selectionTest</button>
<button onclick="addSelectOptionTest()">addSelectOptionTest</button>
<button onclick="serializeTest()">serializeTest</button>
<button onclick="boldTest()">boldTest</button>
<button onclick="italicTest()">italicTest</button>
<button onclick="createlinkTest()">createlinkTest</button>
<button onclick="formatblockTest()">formatblockTest</button>
<button onclick="selectRangeTest()">selectRangeTest</button>
<script type="text/javascript" src="../js/utils.js"></script>
<script type="text/javascript" src="../js/ch14.js"></script>
</body>
</html>